/*colors 颜色*/
$colors: (
  'primary': #db9e3f,
  'info': #4b67af,
  'danger': #791a15,
  'red': #FF1414,
  'green': #48ca38,
  'green-1': #8bda81,
  'blue-1': #1f3695,
  'blue': #4394e4,
  'white': #fff,
  'white-1': #fcfcfc,
  'white-2': #eceef0,
  'white-3': #d9d9d9,
  'white-4': #fafafa,
  'light': #f9f9f9,
  'light-1': #d4d9de,
  'grey': #999,
  'grey-1': #666,
  'dark-1': #343440,
  'dark': #222,
  'black': #000,
);
$border-color: map-get($colors, 'light-1');



/*font size 字体大小*/
$base-font-size: 1rem;  /*根字体（根据html字体大小决定，比如这里是13px）*/
$font-sizes: (          /*字体规格*/
    xxs: 0.6154,
  /* 8px*/
    xs: 0.7692,
  /*10px */
    sm: 0.9231,
  /*12px */
    md: 1,
  /*   13px */
    lg: 1.0769,
  /* 14px */
    xl: 1.2308,
  /* 16px,,,, */
);



$flex-jc: (          /*  justify-content:分配顺着父容器主轴的弹性元素之间及其周围的空间。 */
  start: flex-start,
  end: flex-end,
  center: center,
  between: space-between,
  around: space-around,
);



$flex-ai: (           /* align-items:分配顺着父容器主轴的弹性元素之间及其周围的空间。align-self属性设置项目在其包含块中在交叉轴方向上的对齐方式。 */
  start: flex-start,
  end: flex-end,
  center: center,
  stretch: stretch,
);



/* spacing
0-5: 0
.mt-1  => margin top  .pb-2 */
$spacing-types: (    /* 间距类型：外，内 */
  m: margin,
  p: padding,
);
$spacing-directions: (  /*间距方向：上右下左*/
  t: top,
  r: right,
  b: bottom,
  l: left,
);
$spacing-base-size: 1rem; /*根间距：*/
$spacing-sizes: (         /*间距大小（倍数）  倍数*根间距（1rem） = 间距大小*/
  0: 0,
  1: 0.25,
  2: 0.5,
  3: 0.75,
  4: 1,
  5: 1.5,
	6: 2,
	7: 3
);